<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>

    // 局部变量和全局变量

    // 局部变量 => 在函数内通过var关键词声明的变量叫做局部变量
    // (1) 局部变量仅在函数内生效,对函数外没有任何影响
    // (2) 形参也是一个局部变量
    // (3) 函数中的局部变量和方法仅在函数内有效, 当函数执行完毕,对应的局部变量和方法都会被释放, 下次函数调用时会重新生成

    // 作用域: 代码生效的区域
    // 局部作用域(函数作用域) => 变量和方法仅在函数内有效

    /* 

        function sum(){
    
            // 局部变量 
            var a = 1;
            var b = 2;
            var c = a + b;
            console.log("函数内",c);
            return c;
        }
    
        var result = sum();
        console.log(result);
    
        // console.log("函数外",c);
     */


    // 形参也是局部变量
    function sum(a,b) {  // var a,b;
        // 局部变量 
        var c = a + b;
        console.log("函数内", a,b, c);
        return c;
    }

    var result = sum(1,2);
    console.log(result);

    console.log("函数外",a);

</script>

</html>